<template>
  <div class="notice-box">
    <i class="iconfont icon-yangshengqi" aria-hidden="true"></i>
    <div class="notice-item">
      <!-- <div v-for="(notice, index) in notices" :key="index" class="notice-item">
        {{ notice }}
      </div> -->
      {{ webInfo.notices || "" }}
    </div>
  </div>
</template>
<script lang="ts" setup>
import { useWebInfoStore } from "@/store/webInfo.store";
import { storeToRefs } from "pinia";
const { webInfo } = storeToRefs(useWebInfoStore());
</script>
<style lang="scss" scoped>
.notice-box {
  border: 1px dashed #ddd;
  color: #797979;
  border-radius: 10px;
  display: flex;
  max-width: 780px;
  margin: 0 auto 40px;
  padding: 22px;
  i {
    color: orange;
    font-size: 22px;
    margin: auto 0;
    animation: scale 0.8s ease-in-out infinite;
  }
  .notice-item {
    margin-left: 20px;
    line-height: 30px;
  }
}
</style>
